/**
 Copyright (C) 2008 ZHENG Zhong <heavyzheng nospam-at gmail D0T com>
 http://www.zhengzhong.net/
 http://blog.zhengzhong.net/
 
 Stylesheet for blog*spot template.
 Created on 2008-12-16.
 
 $Id: blog.css 302 2008-12-16 17:45:03Z heavyzheng $
 */

#content-wrapper .Blog .blog-posts {
  margin: 0;
  padding: 0;
}

#content-wrapper .Blog h2.date-header {
  margin: 0;
  padding: 0 10px 0 10px;
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
  color: #888888;
}

/* The post container includes post-title, post-body and post-footer, but NOT date-header. */
#content-wrapper .Blog .post {
  margin: 0 0 10px 0;
  padding: 0 10px 10px 10px;
  border-bottom: 1px solid #DDDDDD;
}

#content-wrapper .Blog .post .post-title {
  margin: 0;
  padding: 8px 0 8px 0;
  font: normal bold 140% 'Trebuchet MS',arial,sans-serif;
  color: #2090D0;
}

#content-wrapper .Blog .post .post-title a {
  color: #2090D0;
}

#content-wrapper .Blog .post .post-body {
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 1.4em;
}

#content-wrapper .Blog .post .post-body big {
  font: normal normal 110% 'Trebuchet MS',arial,sans-serif;
}

#content-wrapper .Blog .post .post-body small {
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
}

/** The post footer includes author, timestamp, comments, back links and labels. */
#content-wrapper .Blog .post .post-footer {
  margin: 0;
  padding: 6px 10px 6px 10px;
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
  color: #666666;
  background-color: #EEEEEE;
}

#content-wrapper .Blog .post .post-footer p {
  margin: 0;
  padding: 0;
}

#content-wrapper .Blog .post .post-footer .post-author,
#content-wrapper .Blog .post .post-footer .post-timestamp,
#content-wrapper .Blog .post .post-footer .post-comment-link,
#content-wrapper .Blog .post .post-footer .post-backlinks,
#content-wrapper .Blog .post .post-footer .post-labels {
  padding: 0 8px 0 0; /* leave space on the right. */
}

/** Blog pager, blog feeds and post feeds. */
#content-wrapper .Blog .blog-pager,
#content-wrapper .Blog .blog-feeds,
#content-wrapper .Blog .post-feeds {
  margin: 0;
  padding: 2px;
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
}

/** The blog pager includes links to newer posts, older posts and home page. */
#content-wrapper .Blog .blog-pager {
  text-align: center;
}

/* Link to newer posts inside blog pager. */
#content-wrapper .Blog .blog-pager #blog-pager-newer-link {
  float: left;
}

/* Link to older posts inside blog pager. */
#content-wrapper .Blog .blog-pager #blog-pager-older-link {
  float: right;
}

/** Blog post comments container. */
#content-wrapper .Blog .comments {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #2090D0;
}

/** Title displaying how many comments on the blog post. */
#content-wrapper .Blog .comments h4 {
  font: normal bold 120% 'Trebuchet MS',arial,sans-serif;
}

/** Blog post comments blog containing all comments on the post. */
#content-wrapper .Blog .comments #comments-block {
  /* do nothing */
}

/** Comment author. */
#content-wrapper .Blog .comments #comments-block .comment-author {
  margin: 5px;
  font: normal bold 110% 'Trebuchet MS',arial,sans-serif;
}

/** Comment body. */
#content-wrapper .Blog .comments #comments-block .comment-body {
  margin: 0 20px 0 20px;
  padding: 0 0 0 20px;
  line-height: 1.4em;
  border-left: 6px solid #DDDDDD;
}

/** ? */
#content-wrapper .Blog .comments #comments-block .deleted-comment {
  font-style: italic;
  line-height: 1.4em;
}

/** Comment timestamp. */
#content-wrapper .Blog .comments #comments-block .comment-footer {
  margin: 0 0 20px 0;
  padding: 4px 10px 4px 10px;
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
  color: #666666;
  background-color: #EEEEEE;
}

/** The comment footer paragraph containing a link to post a comment. */
#content-wrapper .Blog .comments p.comment-footer {
  font: normal bold 100% 'Trebuchet MS',arial,sans-serif;
}

/** ? */
#content-wrapper .Blog .comments .comment-link {
  /* no margin: margin-left: 0.6em; */
}




